<!--技术栈标题-->
<h4 class="pro-header">Technology Stack</h4>

<!--语言篇-->
<div class="pro-list">
    <span class="d-block">HTML、CSS、JavaScript</span>
    <p class="pro-describe">html, css, js 等前端基础相对扎实；比较熟悉 ES5 语法，主要参考《JavaScript高级程序设计》、w3school 和 MDN 来学习，了解ES6语法，有看过阮一峰老师的《ES6入门》；</p>
    <p class="pro-keyword">
        <span class="pro-meta yellow"></span>JavaScript
    </p>
</div>

<!--javascript库-->
<div class="pro-list">
    <span class="d-block">jQuery、angular</span>
    <p class="pro-describe">jQuery 语法比较熟悉，在“狼人杀”作品上有应用；熟练使用 angular 的双向绑定和路由功能。<br><br></p>
    <p class="pro-keyword">
        <span class="pro-meta purple"></span>jQuery angular
    </p>
</div>

<!--node.js-->
<div class="pro-list">
    <span class="d-block">node.js、mysql</span>
    <p class="pro-describe">了解 node.js ，会使用node.js 进行 mysql CRUD 操作。<br><br><br><br></p>
    <p class="pro-keyword">
        <span class="pro-meta purple"></span>node
    </p>
</div>

<!--工具篇-->
<div class="pro-list">
    <span class="d-block">工具篇</span>
    <p class="pro-describe">模块化工具：npm、yarn、 git ；<br>
        编辑器：vim 和 webstorm；<br>
        打包工具：webpack；<br>
        了解工作流工具gulp、测试框架 Mocha；<br>
        科学上网
    </p>
    <p class="pro-keyword">
        <span class="pro-meta purple"></span>npm...
    </p>
</div>

<!--能力篇-->
<div class="pro-list">
    <span class="d-block">能力篇</span>
    <p class="pro-describe">英语阅读能力较好，借助谷歌查词插件能顺畅阅读英文文档;<br><br>有良好的逻辑思维能力、数学基础很好;<br><br>有较强的自学能力和毅力，善于利用搜索引擎、问答社区、官方文档等资源解决问题</p>
    <p class="pro-keyword">
        <span class="pro-meta purple"></span>ability...
    </p>
</div>